﻿<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>test</title>

</head>
<body>
<div id="app" >
    插值表达式获取模型数据:{{name}}<br/>
    <!--
     v-text v-html
      1:v-text v-html是用来替代插值表达式
      2:它们是以属性形式出现  更灵活
       v-text v-html  这哥俩有啥区别呢？
       它们都是将数据输出到标签体中。
          v-text 不会解析html代码，会原样输出。只识别文本。
          v-html 会解析html代码，解析之后输出。标签会被渲染。
    -->
    v-html:<span v-html="name"></span>
    <br>
    v-text:<span v-text="name"></span>

</div>

<script src="../js/vue.js"></script>
<!--js  vue 数据模型层 -->
<script>

    var vue = new Vue({
        el:"#app",
        data:{
            name:"<h2>大扎好，我是渣渣辉</h2>"
        }
    })

</script>
</body>
</html>